const form = layui.form;
const layer = layui.layer;
// ===============表单赋值============
// 代码要在下面复用，封装函数
function userInfo(){
    axios.get('/my/userinfo').then(({ data: { data } }) => {
        // console.log(data)
        // 把数据显示到页面表单中
        form.val("formTest", data);
    })
}
userInfo()

// ==============表单校验===============
form.verify({
    nickname: function (value) {
        //value：表单的值、item：表单的DOM对象
        // 判断昵称要在2~6位之间
        if (value.length < 2 || value.length > 6) {
            return '昵称长度是2~6字符'
        }
    }
})

// ===================更新用户信息===============
$('#form').on('submit', function (e) {
    e.preventDefault()
    // 来手机表单数据（是否要使用 FormData 要看接口）
    // 获取表单的值
    const data = $(this).serialize()
    axios.post('/my/userinfo', data).then(({ data: { status, message } }) => {
        // console.log(status)
        if (status !== 0) {
            // 修改失败
            return layer.msg(message)
        }
        // 1.修改成功，更新数据
        layer.msg(message)


        // 2.更新index页面中的昵称
        // 子页面通过window.parent找父页面getUserInfo 函数调用
        window.parent.getUserInfo()

    })
})

// ==============重置功能===============
$('#btnReset').on('click',function(e){
    // 阻止表单默认行为，防止表单的内容清空
    e.preventDefault()
    // 重置 ==> 回复成用户原本的信息 ==> 重新发送ajax请求
    userInfo()
})